-
Notifications
You must be signed in to change notification settings - Fork 1
Traduction de modules.md
#13
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Conversation
Signed-off-by: Bruno Lesieur <bruno.lesieur@gmail.com>
Signed-off-by: Bruno Lesieur <bruno.lesieur@gmail.com>
Signed-off-by: Bruno Lesieur <bruno.lesieur@gmail.com>
docs/en/modules.md
Outdated
@@ -1,8 +1,8 @@ | |||
# Modules | |||
|
|||
Due to using a single state tree, all state of our application is contained inside one big object. However, as our application grows in scale, the store can get really bloated. | |||
Parce qu'il utilise un _single state tree_, tout le state de notre application est contenu dans un seul et même gros objet. Cependant, au fur et à mesure que notre application grandit, le store peut devenir très engorgé. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Du fait de l'utilisation d'un arbre d'état unique, tout l'état
docs/en/modules.md
Outdated
|
||
To help with that, Vuex allows us to divide our store into **modules**. Each module can contain its own state, mutations, actions, getters, and even nested modules - it's fractal all the way down: | ||
Pour y remédier, Vuex nous permet de diviser notre store en **modules**. Chaque module peut contenir son propre state, mutations, actions, getters, et même d'autres modules. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
ses propres état, mutations, actions, accesseurs, et même contenir ses propres modules internes.
docs/en/modules.md
Outdated
@@ -25,20 +25,20 @@ const store = new Vuex.Store({ | |||
} | |||
}) | |||
|
|||
store.state.a // -> moduleA's state | |||
store.state.b // -> moduleB's state | |||
store.state.a // -> le state du module A |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
l'état du
moduleA
l'état dumoduleB
docs/en/modules.md
Outdated
``` | ||
|
||
### Module Local State | ||
### State local d'un module |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
État local d'un module
docs/en/modules.md
Outdated
|
||
Inside a module's mutations and getters, the first argument received will be **the module's local state**. | ||
Dans les mutations et getters d'un module, le premier argument reçu sera le **state local du module**. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
accesseurs
l'état local du module
docs/en/modules.md
Outdated
|
||
``` js | ||
const moduleA = { | ||
state: { count: 0 }, | ||
mutations: { | ||
increment (state) { | ||
// state is the local module state | ||
// state est le state du module local |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
state
est l'état du module local
docs/en/modules.md
Outdated
@@ -51,7 +51,7 @@ const moduleA = { | |||
} | |||
``` | |||
|
|||
Similarly, inside module actions, `context.state` will expose the local state, and root state will be exposed as `context.rootState`: | |||
De façon similaire, dans les actions du module, `context.state` exposera le state local, et le state racine sera disponible avec `context.rootState` : |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
l'état local, et l'état racine
docs/en/modules.md
Outdated
@@ -66,7 +66,7 @@ const moduleA = { | |||
} | |||
``` | |||
|
|||
Also, inside module getters, the root state will be exposed as their 3rd argument: | |||
Également, dans les getters du module, le state racine sera exposé en troisième argument : |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
accesseurs
l'état racine
J'ai traduit sur le tas les partis manquante @Kocal alors je te laisse revoir ma traduction en même temps. De ton point de vu tout devrait être en ordre ligne par ligne :) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
C'est tout pour moi !
docs/en/modules.md
Outdated
|
||
By default, actions, mutations and getters inside modules are still registered under the **global namespace** - this allows multiple modules to react to the same mutation/action type. | ||
Par défaut, les actions, mutations et accesseurs à l'intérieur d'un module son toujours enregistré sous l'**espace de nom global**. Cela permet a de multiple module d'être réactif au même type de mutation et action. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
enregistrés
à de multiples modules d'être réactifs
docs/en/modules.md
Outdated
|
||
If you want your modules to be more self-contained or reusable, you can mark it as namespaced with `namespaced: true`. When the module is registered, all of its getters, actions and mutations will be automatically namespaced based on the path the module is registered at. For example: | ||
Si vous souhaitez que votre module soit auto-suffisant et réutilisable, vous pouvez le ranger sous un espace de nom avec `namespaced: true`. Quand le module est enregistré, tous ses accesseurs, actions et mutations seront automatiquement basé sur l'espace de nom du module dans lesquels ils sont rangés. Par exemple : |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
basés
docs/en/modules.md
Outdated
@@ -128,22 +128,22 @@ const store = new Vuex.Store({ | |||
}) | |||
``` | |||
|
|||
Namespaced getters and actions will receive localized `getters`, `dispatch` and `commit`. In other words, you can use the module assets without writing prefix in the same module. Toggling between namespaced or not does not affect the code inside the module. | |||
Les accesseurs et actions sous espace de nom reçoivent des `getters`, `dispatch` et `commit` localisé. En d'autres termes, vous pouvez utiliser les paramètres de module sans écrire de prefix dans le même module. Permuter entre un espace de nom ou pas n'affecte pas le code à l'intérieur du module. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
localisés.
dans ce même
espace de nom ou non, n'affecte
docs/en/modules.md
Outdated
|
||
If you want to use global state and getters, `rootState` and `rootGetters` are passed as the 3rd and 4th arguments to getter functions, and also exposed as properties on the `context` object passed to action functions. | ||
Si vous voulez utiliser des état et accesseurs globaux, `rootState` et `rootGetters` sont passés en 3ième et 4ième arguments des fonctions accès et sont également exposés en tant que propriété de l'objet `context` passé aux fonctions d'action. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
des états
fonctions d'accès
docs/en/modules.md
Outdated
|
||
``` js | ||
modules: { | ||
foo: { | ||
namespaced: true, | ||
|
||
getters: { | ||
// `getters` is localized to this module's getters | ||
// you can use rootGetters via 4th argument of getters | ||
// Les `getters` sont localisé dans le module des accesseurs |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
sont localiés
docs/en/modules.md
Outdated
store.registerModule(['nested', 'myModule'], { | ||
// ... | ||
}) | ||
``` | ||
|
||
The module's state will be exposed as `store.state.myModule` and `store.state.nested.myModule`. | ||
L'état des modules seront disponibles dans `store.state.myModule` et `store.state.nested.myModule`. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
est disponible
docs/en/modules.md
Outdated
|
||
Sometimes we may need to create multiple instances of a module, for example: | ||
Parfois nous devrons créer de multiples instances d'un module pour par exemple : |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
d'un module, par exemple
Merci @Kocal pour ta review de review ! :) C'est ajouté ! |
Et en avant pour les modules, je vois qu'il y a des pends de texte nouveau !